/* Meyer's Reset */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, font, img, small, strong, dl, dt, dd, ol, ul, li
{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* END Meyer's Reset */
body{
	font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
	background: #36b4dd;
}
h1 { font-size: 30px; }
#container > h1 { padding: 10px;}
h4 { font-size: 20px; padding-bottom:10px;}
#images li { 
	float:left;
	background:#ececec;
	border:1px solid #ccc;
	margin:10px;
	width: 11rem;
	/* padding: 10px; */
	overflow: hidden;
/*	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;*/
}
#images li a {
	float:left;
}/*
.top {
	box-shadow:0 0 10px #000;
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 30px #000;
}*/
#images li div {
	width: 11rem;
	overflow:hidden;
}
#images li .info {
	width: 246px;
	padding:0 0 0 10px;
	float:left;